<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />
    <title>订单详情</title>
    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/weui.css">
    <link rel="stylesheet" href="css/style.css">
</head>
    <body class="order_details">
        <!--<div class="weui_tab">-->
            <!--头部-->
            <div id="head">
                <a href="order_list.html"><img src="images/icons/iconfont-xiangzuo1.png"></a>
                <h4>订单详情</h4>
            </div>
            <!--订单说明-->
            <div class="weui_cells_title order_details_explain" style="background: #f0ad4e; margin-top: 43px;">
                <div class="explain_img">
                    <img src="images/icons/iconfont-dingdan.png" width="45px" height="45px"/>
                </div>
                <div class="explain_text">
                    <p>订单金额 ：<span>￥88.00</span></p>
                    <p>订单号：201603241600</p>
                </div>
            </div>

            <!--订单商品-->
            <div class="weui_cells weui_cells_access">
                <a class="weui_cell" href="#">
                    <img class="weui_media_appmsg_thumb" src="images/121_thumb_G_1456817240004.jpg" width="100px"  height="100px"  alt="thumb">
                    <div class="order_status">
                        <p>待付款</p>
                    </div>
                    <div class="weui_cell_bd weui_cell_primary">
                        <h4>菩提子汽车挂件 车挂饰品 开光保平安符汽车挂饰 高档车内挂件 木</h4>
                        <div class="amount">
                            <p>￥88.00</p>
                            <p>数量：1</p>
                        </div>
                        <span class="order_time">2016-3-24 17:00:00</span>
                    </div>
                </a>
            </div>

            <!--配送信息-->
            <div class="weui_cells_title site_explain">
                <p>配送信息</p>
            </div>
            <div class="weui_cells weui_cells_access">
                <div class="weui_cell">
                    <div class="weui_cell_hd">
                        <p class="recipients">收件人：</p>
                    </div>
                    <div class="weui_cell_bd weui_cell_primary manner">
                        <p>陈先生</p>
                    </div>
                </div>
                <div class="weui_cell">
                    <div class="weui_cell_hd">
                        <p>手机号码：</p>
                    </div>
                    <div class="weui_cell_bd weui_cell_primary manner">
                        <p style="padding-left: 5px ">15913804360</p>
                    </div>
                </div>
                <div class="weui_cell">
                    <div class="weui_cell_hd">
                        <p>收货地址：</p>
                    </div>
                    <div class="weui_cell_bd weui_cell_primary manner">
                        <p style="padding-left: 5px ">广东省广州市海珠区东晓南路1439号1016室</p>
                    </div>
                </div>
            </div>

            <!--服务清单-->
            <div class="weui_cells_title site_explain">
                <p>服务清单</p>
            </div>
            <div class="weui_cells weui_cells_access">
                <div class="weui_cell">
                    <div class="weui_cell_hd">
                        <p>支付方式：</p>
                    </div>
                    <div class="weui_cell_bd weui_cell_primary manner">
                        <p style="padding-left: 5px ">在线支付</p>
                    </div>
                </div>
                <div class="weui_cell">
                    <div class="weui_cell_hd">
                        <p>最佳送货时间：</p>
                    </div>
                    <div class="weui_cell_bd weui_cell_primary manner">
                        <p style="padding-left: 5px ">  </p>
                    </div>
                </div>
                <div class="weui_cell">
                    <div class="weui_cell_hd">
                        <p>配送方式：</p>
                    </div>
                    <div class="weui_cell_bd weui_cell_primary manner">
                        <p style="padding-left: 5px ">全场包邮</p>
                    </div>
                </div>
            </div>

            <!--订单状态-->
            <div class="weui_cells_title site_explain">
                <p style="color: #aeaeae;">订单状态：<span>待付款</span></p>
            </div>
            <div class="money_bt_area">
                <div class="weui_cell_hd">
                    <p class="recipients">金额：<span>￥88.00</span></p>
                </div>
                <button type="button" class="btn btn-warning" href="#">确认支付</button>
            </div>

            <!--&lt;!&ndash;底部&ndash;&gt;-->
            <!--<div class="weui_tabbar" style="position:fixed; bottom:0; max-width: 640px;">-->
                <!--&lt;!&ndash;tab1&ndash;&gt;-->
                <!--<a href="index.html" class="weui_tabbar_item weui_bar_item_on">-->
                    <!--<div class="weui_tabbar_icon">-->
                        <!--<img src="images/icons/iconfont-shouye.png" alt="icon">-->
                    <!--</div>-->
                    <!--<p class="weui_tabbar_label">首页</p>-->
                <!--</a>-->

                <!--&lt;!&ndash;tab2&ndash;&gt;-->
                <!--<a href="#" class="weui_tabbar_item">-->
                    <!--<div class="weui_tabbar_icon">-->
                        <!--<img src="images/icons/iconfont-wode.png" alt="icon">-->
                    <!--</div>-->
                    <!--<p class="weui_tabbar_label">我的</p>-->
                <!--</a>-->
            <!--</div>-->
        <!--</div>-->
    </body>
    <script type="text/javascript" src="js/transport.js"></script>
    <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
    <script type="text/javascript" src="js/jquery.json.js"></script>
    <script type="text/javascript" src="js/swipeSlide.min.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
    <script type="text/javascript" src="js/jquery.yiiactiveform.js"></script>
    <script type="text/javascript" src="js/sweetalert.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
</html>